<template>
    <require from="./em-editable-calendar.less"></require>
    <div class="em-editable-calendar ${editing ? 'editing' : ''}">
        <div class="text" click.delegate="editHandler()"><span>${value | date:'yyyy-MM-dd'}</span><i class="edit icon"></i></div>
        <div class="ui calendar" ref="calendarRef">
            <div class="ui input left icon">
                <i class="calendar icon"></i>
                <input ref="inputRef" type="text" placeholder="${placeholder}">
            </div>
        </div>
    </div>
</template>
